<template>
    <div id="app">
        <div class="topView">
            <div class="navigcation">
                <el-image class="logoIcon" lazy src="static\images\LogoEnglish.png"></el-image>
                <el-image src="..\..\..\..\..\src\assets\KnowLedgeLogo.png"></el-image>
                <img class="logoIcon" src="../../../../static/images/LogoEnglish.png" alt="">
                <el-menu default-active="activeIndex" class="el-menu" 
                background-color="#5E96E3" text-color="#ffffff" mode="horizontal"
                unique-opened="true" @select="handleSelect" active-text-color="#ffffff" >
                  <el-menu-item index="1" default-active>首页</el-menu-item>
                  <el-submenu index="2">
                    <template slot="title">考研信息</template>
                    <el-menu-item index="2-1">院校信息</el-menu-item>
                    <el-menu-item index="2-2">院校公告</el-menu-item>
                    <el-menu-item index="2-3">政策信息</el-menu-item>
                  </el-submenu>
                  <el-menu-item index="3">课程库</el-menu-item>
                  <el-menu-item index="4">论坛中心</el-menu-item>
                  <el-menu-item index="5">App下载</el-menu-item>
                </el-menu>
                  <div style="margin-left: 35px;">
                        <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
                        <el-button slot="append" icon="el-icon-search"></el-button>
                    </el-input>
                  </div>
                  <div style="margin-left: 128px;">
                    <el-button>登录</el-button>
                  </div>
            </div>
        </div>
        <router-view></router-view>
    </div>
</template>
<script>
export default {
   data() {
      return {
      }
   },
   created(){
   },
   computed:{
   },
   methods:{
    handleSelect(){
        
    }
   },
}
</script>
<style scoped>
#app{
    background-color: #f8f8f8;
}
.navigcation{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.content{
    width: 100%;
    min-width: 1488px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.topView{
    width: 100%;
    min-width: 1488px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    background-color: rgb(94, 150, 227);
}
.el-menu.el-menu--horizontal{
    border-bottom: none;
}
.el-menu{
    margin-left: 10%;
}
.logoIcon{
    width: 160px;
}
.navigation{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 83%;
}
</style>
